.login{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    &-con{
        position: absolute;
        margin:0px auto auto 34% ;
        top:55%;
        transform: translateY(-60%);
       text-align: center;
        &-header{
             font-weight: 500;
             padding: 30px 0;
        }
        .form-con{
          padding: 22px 20px;
          font-size: 40px;
            width: 425px;
           height: 320px;
        }
        .login-tip{
            font-size: 10px;
             color: #fff3f3;
          margin:10px 100px 10px 10px;
        }

     .ivu-card-head{
        border-bottom: 1px solid #e8eaec;
        padding: 25px 16px;
        line-height: 1;
      }

      .ivu-card-head p, .ivu-card-head-inner {
        display: inline-block;
        width: 100%;
        height: 25px;
        line-height: 24px;
        font-size: 24px;
        color: #17233d;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

    }

  .ivu-card {
    display: block;
    background: url(../../assets/images/bg-white-lock.png) repeat;
    width: calc(95% - 50px);;
    margin: 0 auto;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    top: calc(50% - 200px);
    right: 0;
    left: 0;
    border-radius: 4px ;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

}
